var center = "";
var marker = null;
// initMap();
// function initMap() {
//     // var center = new TMap.LatLng(39.984104, 116.307503);
//     //初始化地图
//     var map = new TMap.Map("container", {
//         rotation: 20,//设置地图旋转角度
//         pitch:30, //设置俯仰角度（0~45）
//         zoom:12,//设置地图缩放级别
//         // center: center//设置地图中心点坐标
//     });
// }

var map = new TMap.Map("container", {
    rotation: 20,//设置地图旋转角度
    pitch:30, //设置俯仰角度（0~45）
    zoom:12,//设置地图缩放级别
});

$("#tip").bind('input propertychange', function() {
    var search = $("#search").val();
    if(search==''){
        $(".searachList").hide();
    }
});
$("#tip span").bind('click', function() {
    var search = $("#search").val();
    $.ajax({
        type: "post",
        url: "/project/communal/searchApi",
        data: {'keywork':search},
        dataType: "json",
        success: function (data) {
            if(data.status==0){
                let list = data.data;
                var html = '';
                $.each(list, function(e,v){
                    html +='<div class="list" data-lng="'+v.location.lng+'" data-lat="'+v.location.lat+'" data-address="'+v.address+'"><span>名称：'+v.title+'</span><span>地址：'+v.address+'</span></div>';
                });
                $(".searachList").html(html);
                $(".searachList").show();
            }else{
                var html = '';
                $(".searachList").hide();
            }
        }
    });
});

$(".searachList").on('click','.list',function() {
    let lng = $(this).attr("data-lng");
    let lat = $(this).attr("data-lat");
    map.setCenter(new TMap.LatLng(lat, lng))
    marker.updateGeometries(
        {
            "id": 'demo',
            "styleId": 'marker',
            "position": new TMap.LatLng(lat,lng),
            "properties": {
                "title": "我的位置"
            }
        }
    );
});


var geolocation = new qq.maps.Geolocation("Y5IBZ-WT4KU-OLYVW-B77GD-IBUUJ-OFFDZ", "myapp");
geolocation.watchPosition(showPosition);

var positionList = "";
//定位当前位置
var lng = $("#lng").val();
var lat = $("#lat").val();
if(lng!=''){
    changeCenter(lat,lng);
}

function showPosition(position) {
    if(positionList=='' && lng==''){
        positionList = position;
        //设置地图中心点
        // $("#lat").val(position.lat);
        // $("#lng").val(position.lng);
        changeCenter(position.lat,position.lng);
    }
};
//定位当前位置end



// 修改地图中心点
function changeCenter(lat,lng){
    // 设置中心点
    map.setCenter(new TMap.LatLng(lat, lng))
    // 设置标志点
    // markerLayer.add({
    //     position: new TMap.LatLng(lat, lng)
    // })
    createMarker(lat,lng);
}

//地图平移
location.innerHTML = map.getCenter().toString();
//监听地图平移
map.on("pan",function(){
    position.innerHTML = map.getCenter().toString();//获取地图中心点
    /*if (marker) {
        marker.setMap(null);
        marker = null;
    }*/

    var  positionVal = map.getCenter();
    if (marker) {
        marker.updateGeometries(
            {
                "id": 'demo',
                "styleId": 'marker',
                "position": new TMap.LatLng(positionVal.lat,positionVal.lng),
                "properties": {
                    "title": "我的位置"
                }
            }
        );
        $("#lat").val(positionVal.lat);
        $("#lng").val(positionVal.lng);
        // marker.setMap(null);
        // marker = null;
    }

    // createMarker(positionVal.lat,positionVal.lng);

})
//监听地图平移结束
map.on("panend",function(){
})



//创建marker事件
function createMarker(lat,lng) {
    marker = new TMap.MultiMarker({
        id: 'marker-layer',
        map: map,
        styles: {
            "marker": new TMap.MarkerStyle({
                "width": 25,
                "height": 35,
                "anchor": { x: 16, y: 32 },
                "src": 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/markerDefault.png'
            })
        },
        geometries: [{
            "id": 'demo',
            "styleId": 'marker',
            "position": new TMap.LatLng(lat,lng),
            "properties": {
                "title": "我的位置"
            }
        }]
    });

    // const editor = new TMap.tools.GeometryEditor({
    //     map, // 编辑器绑定的地图对象
    //     overlayList: [{
    //         overlay: marker, // 可编辑图层
    //         id: "marker",
    //         selectedStyleId: "highlight"  // 被选中的marker会变为高亮样式
    //     }],
    //     actionMode: TMap.tools.constants.EDITOR_ACTION.INTERACT, // 编辑器的工作模式
    //     activeOverlayId: "marker", // 激活图层
    //     selectable: true,
    //
    // });
}